<template>
  <div class="goodsDes">
    <h3>{{goodsInfo.title}}</h3>
    <hr />
    <div class="content" v-html="goodsInfo.content"></div>
  </div>
</template>
<style lang="less">
.goodsDes {
  h3 {
    text-align: center;
    font-size: 16px;
    color: darkturquoise;
    padding: 10px 0;
  }
  .content {
    padding: 0 5px;
    text-indent: 2em;
    img{
      width: 100%;
    }
  }
}
</style>
<script>
export default {
  data() {
    return {
      goodsInfo: []
    };
  },
  created() {
    this.getInfo();
  },
  methods: {
    getInfo() {
      this.$http.get("goodsInfo/" + this.$route.params.id).then(res => {
        this.goodsInfo = res.body;
      });
    }
  }
};
</script>